<script setup>
import VerticalNavSectionTitle from '@/@layouts/components/VerticalNavSectionTitle.vue'
import VerticalNavGroup from '@layouts/components/VerticalNavGroup.vue'
import VerticalNavLink from '@layouts/components/VerticalNavLink.vue'
</script>

<template>
  <!-- 👉 Dashboards -->
  <VerticalNavGroup
    :item="{
      title: '账户主页',
      // badgeContent: '5',
      // badgeClass: 'bg-error',
      icon: 'ri-home-smile-line',
    }"
  >
    <VerticalNavLink
      :item="{
        title: '看板',
        to: '/admin/dashboard',
      }"
    />
    <VerticalNavLink
      :item="{
        title: '公告',
        // badgeContent: '5',
        // badgeClass: 'bg-error',
        to: '/admin/dashboard01',
      }"
    />
  </VerticalNavGroup>

  <!-- 销售 -->
  <VerticalNavSectionTitle
    :item="{
      heading: '销售',
    }"
  />
  <VerticalNavLink
    :item="{
      title: '订单列表',
      icon: 'ri-file-list-2-line',
      to: '/admin/order'
    }"
  />
  <!-- 商品 -->
  <VerticalNavSectionTitle
    :item="{
      heading: '商品',
    }"
  />
  <VerticalNavLink
    :item="{
      title: '商品分类',
      icon: 'ri-shopping-bag-4-line',
      to: '/admin/order1'
    }"
  />
  <VerticalNavLink
    :item="{
      title: '商品列表',
      icon: 'ri-shopping-cart-line',
      to: '/admin/order2'
    }"
  />
  <!-- 卡密 -->
  <VerticalNavSectionTitle
    :item="{
      heading: '卡密管理',
    }"
  />
  <VerticalNavLink
    :item="{
      title: '卡密列表',
      icon: 'ri-key-2-line',
      to: '/admin/order3'
    }"
  />
  <VerticalNavLink
    :item="{
      title: '批量导入',
      icon: 'ri-upload-cloud-2-line',
      to: '/admin/order4'
    }"
  />
  <!-- 营销 -->
  <VerticalNavSectionTitle
    :item="{
      heading: '营销',
    }"
  />
  <VerticalNavLink
    :item="{
      title: '优惠码管理',
      icon: 'ri-coupon-3-line',
      to: '/admin/order5'
    }"
  />
  <!-- 系统配置 -->
  <VerticalNavSectionTitle
    :item="{
      heading: '系统',
    }"
  />
  <VerticalNavGroup
    :item="{
      title: '网站配置',
      icon: 'ri-settings-4-line',
    }"
  >
    <VerticalNavLink
      :item="{
        title: '基本配置',
        to: '/admin/dashboard11',
      }"
    />
    <VerticalNavLink
      :item="{
        title: '管理员配置',
        to: '/admin/dashboard12',
      }"
    />
    <VerticalNavLink
      :item="{
        title: '推送配置',
        to: '/admin/dashboard13',
      }"
    />
    <!-- 系统配置 -->
    <VerticalNavLink
      :item="{
        title: '人机验证',
        to: '/admin/dashboard14',
      }"
    />
  </VerticalNavGroup>
  <VerticalNavGroup
    :item="{
      title: '邮件配置',
      icon: 'ri-mail-settings-line',
    }"
  >
    <VerticalNavLink
      :item="{
        title: '邮件服务',
        to: '/admin/dashboard21',
      }"
    />
    <VerticalNavLink
      :item="{
        title: '邮件模版',
        to: '/admin/dashboard22',
      }"
    />
    <!-- 系统配置 -->
    <VerticalNavLink
      :item="{
        title: '邮件测试',
        to: '/admin/dashboard23',
      }"
    />
  </VerticalNavGroup>
  <VerticalNavGroup
    :item="{
      title: '支付配置',
      icon: 'ri-bank-card-2-line',
    }"
  >
    <VerticalNavLink
      :item="{
        title: '支付通道',
        to: '/admin/dashboard31',
      }"
    />
    <VerticalNavLink
      :item="{
        title: '支付测试',
        to: '/admin/dashboard32',
      }"
    />
  </VerticalNavGroup>
</template>
